<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

		<title>少儿编程</title>
		<meta content="少儿编程" name="keywords">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">


		<!-- Favicons -->
		<link href="./logo.ico" rel="icon">

		<!-- Vendor CSS Files -->

		<link href="./css/aos.css" rel="stylesheet">
		<link href="./css/bootstrap.min.css" rel="stylesheet">
		<link href="./css/bootstrap-icons.css" rel="stylesheet">
		<link href="./css/boxicons.min.css" rel="stylesheet">
		<link href="./css/glightbox.min.css" rel="stylesheet">
		<link href="./css/remixicon.css" rel="stylesheet">
		<link href="./css/swiper-bundle.min.css" rel="stylesheet">
		<link href="./css/card.css" rel="stylesheet">
		<link href="./css/pagination.css" rel="stylesheet">
		<link href="./css/mobile.css" rel="stylesheet">
	</head>
	<body class="animate-right">
		<div class="mid">
			<div class="top">
				<div class="logo">
					<img class="logoimg" src="./images-phone/logo@2x.png">
				</div>
				<div class="menuimg">
					<img class="menuicon" src="./images-phone/menu.png">
				</div>
			</div>
			
		</div>
			<div class="bg1 ">
				<section id="hero" class="d-flex align-items-center">
					<div class="container">
						<img class="container-bg " src="./images-phone/banner.png" alt="">
						<div class="btnsbox" >
							<img class="btnsbox-son" src="./images-phone/ygdl.png" alt="">
							<img class="btnsbox-son" src="./images-phone/xydl.png" alt="">
						</div>
					</div>
				</section>
				<div class="hero-img aos-init aos-animate" data-aos="fade-left" data-aos-delay="200">
					<img src="./images-phone/rw.png" class="img-fluid animated" alt="">
				</div>
			</div>
			<div style="position: relative;overflow: hidden;">
				<img class="kcts" src="./images-phone/kcts.png" alt="">
				<div class="kcts-tip">每个孩子在快乐魔法狮都能快乐学习，收获成长</div>
				<img class="myxq" src="./images-phone/xq.png" alt="">
			</div>

			<div class="itembox">
				<div class="itemson" style="margin-left: 5%;">
					<h3 class="title">回归思维本质</h3>
					<div class="itemson-content">
						数学思维、逻辑思维、设计思维、工程思维是快乐编程课程重点培养的四大思维。从低幼段的在游戏中培养思维，到高年级的在代码和算法中提升思维，全套课程回归思维本质，将提升思维能力放在了培养的首要位置。这是快乐学习深耕教育19年，对教育深刻理解的沉淀，也是赋予孩子面对AI时代挑战最有力的武器。
					</div>
					<img class="itemimg" src="./images-phone/sw.png" alt="">
				</div>
				<div class="itemson">
					<h3 class="title">竞赛和成绩导向</h3>
					<div class="itemson-content">
						紧盯竞赛风向标，满足家长对孩子学习强目标性的需求。以最短的时间让孩子在竞赛中取得优秀成绩，与竞赛和成绩无关的内容减少学时，以节约孩子宝贵的课余时间。
					</div>
					<img class="itemimg" src="./images-phone/js.png" alt="">
				</div>
				<div class="itemson">
					<h3 class="title">回归思维本质</h3>
					<div class="itemson-content">
						通过游戏化的学习环境和实践项目，将枯燥的编程语法学习转变为解谜游戏和创造性任务，使孩子在玩乐中学习，享受编程的乐趣。课程设计强调实践操作，鼓励学生通过项目制作，软件开发等活动，将学到的知识应用到实际中，提升解决实际问题的能力。
					</div>
					<img class="itemimg" src="./images-phone/qw.png" alt="">
				</div>
				<div class="itemson" style="margin-right: 5%;">
					<h3 class="title">趣味与实践并重</h3>
					<div class="itemson-content">
						从基础的编程概念出发，逐步深入，形成系统的学习路径。课程内容涵盖从简单的图形编程到复杂的编程语言，适合不同年龄段和能力水平的儿童。通过智能化学习平台，对学生的学习进度、兴趣爱好进行分析，提供个性化的学习建议和课程调整，以满足每个孩子不同的学习需求。
					</div>
					<img class="itemimg" src="./images-phone/xth.png" alt="">
				</div>
			</div>
			
			<img class="mbg" src="./images-phone/xkbg2.png" alt="">
			<div class="mid">
				
			<div class="bg2">
				
				<div style="position: relative;overflow: hidden;">
					<img class="kcts" src="./images-phone/bcsw.png" alt="">
					<div class="kcts-tip">每个孩子在快乐魔法狮都能快乐学习，收获成长</div>
				</div>
				<div class="menubox">
					<div class="menuitem">
						<div class="menuson">
							<img src="./images-phone/ydlj.png" alt="">
							<div class="menusontitle">阅读理解</div>
						</div>
						<img class="line" src="./images-phone/line.png" alt="">
						<div class="menuson">
							<img src="./images-phone/xzbd.png" alt="">
							<div class="menusontitle">写作表达</div>
						</div>
					</div>
					<img class="hline" src="./images-phone/hline.png" alt="">
					<div class="menuitem">
						<div class="menuson">
							<img src="./images-phone/shcs.png" alt="">
							<div class="menusontitle">生活常识</div>
						</div>
						<img class="line" src="./images-phone/line.png" alt="">
						<div class="menuson">
							<img src="./images-phone/rwsy.png" alt="">
							<div class="menusontitle">人文修养</div>
						</div>
					</div>
					<img class="hline" src="./images-phone/hline.png" alt="">
					<div class="menuitem">
						<div class="menuson">
							<img src="./images-phone/kxsy.png" alt="">
							<div class="menusontitle">科学素养</div>
						</div>
						<img class="line" src="./images-phone/line.png" alt="">
						<div class="menuson">
							<img src="./images-phone/sxsw.png" alt="">
							<div class="menusontitle">数学思维</div>
						</div>
					</div>
					<img class="hline" src="./images-phone/hline.png" alt="">
					<div class="menuitem">
						<div class="menuson">
							<img src="./images-phone/ysjq.png" alt="">
							<div class="menusontitle">运算技巧</div>
						</div>
						<img class="line" src="./images-phone/line.png" alt="">
						<div class="menuson">
							<img src="./images-phone/sjfx.png" alt="">
							<div class="menusontitle">数据分析</div>
						</div>
					</div>
					
					
				</div>
				
				
				
			</div>

			<div class="foot">
				<div class="flogo">
					<img class="flogoimg" src="./images-phone/logo@2x.png">
				</div>
				<div class="fitem">
					<span class="fitem-name">首页</span>
					<span class="fitem-name">关于我们</span>
				</div>
			</div>
			<img class="fline" src="./images-phone/fline.png" alt="">
			<!-- <img class="fline" src="./images-phone/fline.png" alt=""> -->

			<div class="ftitle mt">©Copyright 快乐魔法狮.All Rrights Reserved
			</div>
			<div class="ftitle mb">沪ICP备202131393号-1 </div>
			</div>
	</body>
</html>